<html>
<head>
	<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
	<script type="text/javascript" src="../extjs/ext-all.js"></script>
	
	<script type="text/javascript" src="../extjs/locale/ext-lang-pt_BR.js"></script>

</head>
<body>
	<div id="datefield"></div>
</body>
	<script type="text/javascript">
	Ext.onReady(function(){
	    Ext.create('Ext.FormPanel', {
	        renderTo: 'datefield',
	        labelWidth: 100, // label settings here cascade unless overridden
	        frame: true,
	        title: 'Datepicker',
	        bodyStyle: 'padding:5px 5px 0',
	        width: 380,
	        defaults: {
	            msgTarget: 'side',
	            width: 340
	        },
	        defaultType: 'datefield',
	        items: [{
	            fieldLabel: 'Date',
	            name: 'date'
	        }]
	    });
	});
	</script>
</html>